<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>
        <ui:composition template="./template/News_Template.xhtml">
            <ui:define name="content">
                <h:form>
                    <table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                            <td colspan="4" align="center"><h3><strong>LOGIN TO MANAGER'S SYSTEM</strong></h3></td>
                        </tr>
                        <tr>
                            <td colspan="4" align="center">
                                <h:messages showDetail="true" showSummary="false"
                                            style="list-style: none;border-style: solid;border-width: 1px;border-color: red;padding: 5px 5px 5px 5px;background-color: #eba4a4;color: #ff0000"
                                            id="login-mesage"/>
                            </td>
                        </tr>

                        <tr>
                            <td width="20%">&nbsp;</td>
                            <td width="20%" align="right" valign="middle">User Name :&nbsp;&nbsp;</td>
                            <td width="33%">
                                <h:inputText styleClass="bg-color" tabindex="0" value="#{login.userName}" style="width: 150px"/>
                            </td>
                            <td width="19%">&nbsp;</td>
                        </tr>
                        <tr>
                            <td width="20%">&nbsp;</td>
                            <td width="20%">&nbsp;</td>
                            <td width="33%">&nbsp;</td>
                            <td width="19%">&nbsp;</td>
                        </tr>
                        <tr>
                            <td width="20%">&nbsp;</td>
                            <td width="20%" align="right">Password :&nbsp;&nbsp;</td>
                            <td width="33%">
                                <h:inputSecret value="#{login.password}" styleClass="bg-color" tabindex="1" style="width: 150px"/>
                            </td>
                            <td width="19%">&nbsp;</td>
                        </tr>
                        <tr>
                            <td width="20%">&nbsp;</td>
                            <td width="20%">&nbsp;</td>
                            <td width="33%">&nbsp;</td>
                            <td width="19%">&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td width="20%">&nbsp;</td>
                            <td>
                                <h:commandButton action="#{login.doLogin}" type="submit" tabindex="2" value="Login"/>
                                <h:commandButton type="reset" value="Reset"/>
                            </td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>
                </h:form>
            </ui:define>
        </ui:composition>
    </body>
</html>
